<!--
 * @Author: WLang
 * @LastEditors: WLang
 * @Description: 
 * @Date: 2023-07-12 19:38:06
 * @LastEditTime: 2023-07-17 14:45:24
 * @FilePath: \myblog\src\mviews\MobileHome.vue
-->
<template>
  <div class="blogm">
    <HeaderView/>
    <div class="blogm-content">
      <router-view/>
    </div>
    <TabBar/>
    <DialogBar/>
  </div>
</template>

<script>
import HeaderView from '@/mviews/HeaderView.vue'
import TabBar from '@/mviews/TabBar.vue'
import DialogBar from './components/DialogBar.vue'
export default {
  components:{
    TabBar,
    HeaderView,
    DialogBar 
  },
  data(){
    return {
    }
  },
created(){
  let isLogin = this.$store.state.token
  if (isLogin)
  {
    this.$store.dispatch('getUserInfo')
  }
},
mounted(){},
watch:{},
computed:{},
methods:{},
}
</script>
<style lang="scss" scoped>
  .blogm-content {
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 96px);
    background-color: #f2f3f5;
  }
</style>